// pages/choujiang.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    circleList:[],
    awardList:[],
    colorCircleFirst:'#FFDF2F',
    colorCircleSecond:'#FE4D32',
    colorAwardDefault:'F5F0FC',
    colorAwardSelect:'#ffe400',
    indexSelect:0,
    isRunning:false,
    imageAward:[
      '/img/j004.png',
      '/img/j002.png',
      '/img/j001.png',
      '/img/j002.png',
      '/img/j004.png',
      '/img/j003.png',
      '/img/j003.png',
      '/img/j003.png',
    ],

  },

  startGame:function(){
    if(this.data.isRunning) return
    this.setData({
      isRunning:true
    })
    var _this = this;
    var indexSelect = 0;
    var i = 0;
    var count = parseInt(Math.random() * 600);
    var timer = setInterval(function (){
      indexSelect++;
      i +=30;
      if(i>count){
        clearInterval(timer)
        wx.showModal({
          title: '恭喜您',
          content: '获得了第'+(_this.data.indexSelect+1)+'个奖品',
          showCancel:false,
          success:function (res) {
            if(res.confirm){
              _this.setData({
                isRunning:false
              })
            }
          }
        })
      }
      indexSelect = indexSelect%8;
      _this.setData({
        indexSelect:indexSelect
      })
    },(200+i))
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
    var _this = this;
    //圆点设置
    var leftCircle = 7.5;
    var topCircle = 7.5;
    var circleList = [];
    for (var i = 0; i < 24; i++) {
      if (i == 0) {
        topCircle = 15;
        leftCircle = 15;
      } else if (i < 6) {
        topCircle = 7.5;
        leftCircle = leftCircle + 102.5;
      } else if (i == 6) {
        topCircle = 15
        leftCircle = 620;
      } else if (i < 12) {
        topCircle = topCircle + 94;
        leftCircle = 620;
      } else if (i == 12) {
        topCircle = 565;
        leftCircle = 620;
      } else if (i < 18) {
        topCircle = 570;
        leftCircle = leftCircle - 102.5;
      } else if (i == 18) {
        topCircle = 565;
        leftCircle = 15;
      } else if (i < 24) {
        topCircle = topCircle - 94;
        leftCircle = 7.5;
      } else {
        return
      }
      circleList.push({ topCircle: topCircle, leftCircle: leftCircle });
    }
    this.setData({
      circleList: circleList
    })
    //圆点闪烁
    setInterval(function () {
      if (_this.data.colorCircleFirst == '#FFDF2F') {
        _this.setData({
          colorCircleFirst: '#FE4D32',
          colorCircleSecond: '#FFDF2F',
        })
      } else {
        _this.setData({
          colorCircleFirst: '#FFDF2F',
          colorCircleSecond: '#FE4D32',
        })
      }
    }, 500)
    //奖品item设置
    var awardList = [];
    //间距,怎么顺眼怎么设置吧.
    var topAward = 25;
    var leftAward = 25;
    for (var j = 0; j < 8; j++) {
      if (j == 0) {
        topAward = 25;
        leftAward = 25;
      } else if (j < 3) {
        topAward = topAward;
        //166.6666是宽.15是间距.下同
        leftAward = leftAward + 166.6666 + 15;
      } else if (j < 5) {
        leftAward = leftAward;
        //150是高,15是间距,下同
        topAward = topAward + 150 + 15;
      } else if (j < 7) {
        leftAward = leftAward - 166.6666 - 15;
        topAward = topAward;
      } else if (j < 8) {
        leftAward = leftAward;
        topAward = topAward - 150 - 15;
      }
      var imageAward = this.data.imageAward[j];
      awardList.push({ topAward: topAward, leftAward: leftAward, imageAward: imageAward });
    }
    this.setData({
      awardList: awardList
    })
  }
})